<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /**
         * 首先 浏览器遇到引入的script 回去进行下载并且会阻塞后续代码的运行 
         * async defer 共同属性 两者都不会阻塞浏览器解析代码
         * defer会下载并在domtree解析完之后在domcententloded 回调之前 运行代码函数  有文件加载的顺序 按照顺序执行
         * async 不管domtree 是否构建完成 下载完资源就会立刻执行 没有加载浏览器的执行顺序
         * */
    </script>
</body>

</html>